<script setup>
import { EllipsisHorizontalIcon, ChevronRightIcon } from '@heroicons/vue/24/outline'

const props = defineProps({
    title: {
        type: String,
        default: ''
    },
})
</script>
<template>
    <div class="flex items-center justify-between   cursor-pointer pt-2 px-2 leading-3">
        <div class="flex items-center gap-0.5">
            <EllipsisHorizontalIcon class=" w-2 h-1.5  border border-gray-600   " style="border-radius: 0.1rem" />
            <span style="font-size: 16px;">{{ title }}</span>
        </div>
        <ChevronRightIcon class="w-2 h-2 text-gray-500" />
    </div>
</template>